<header id="header">
    <h1 class="hidden-xs"><a href="#"><strong>Facultad de Derecho</strong></a></h1>
    <div class="input-group input-group-sm col-lg-3 col-md-3 col-sm-4">
        <input type="text" class="form-control" placeholder="Buscar" name="srch-term" id="srch-term">
            <div class="input-group-btn">
            <button class="btn btn-default" type="submit">
                <span class="glyphicon glyphicon-search"></span>
            </button>
        </div>
    </div>
</header>

<nav id="MenuHorPrin" class="navbar navbar-default" role="navigation" style="background-color:#fff">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".menu-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand visible-xs" href="#"><img src="imagenes/isologo1.png" alt="Facultad de Derecho" class="img-responsive" /></a>
        <a class="navbar-brand visible-xs" href="#"><img src="imagenes/isologo2.png" alt="Facultad de Derecho" class="img-responsive" /></a>
  	</div>
    <div class="collapse navbar-collapse menu-collapse" style="background-color:#3e4753">
        <ul class="nav navbar-nav">
            <li><a class="dropdown-link" data-target="dropdown1" href="http://www.derecho.uba.ar/institucional/index.php">Institucional</a></li>
            <li><a class="dropdown-link" data-target="dropdown2" href="http://www.derecho.uba.ar/academica/index.php">Acad&eacute;mica</a></li>
            <li><a class="dropdown-link" data-target="dropdown3" href="http://www.derecho.uba.ar/investigacion/index.php">Investigaci&oacute;n</a></li>
            <li><a class="dropdown-link" data-target="dropdown4" href="http://www.derecho.uba.ar/extension/index.php">Extensi&oacute;n</a></li>
            <li><a class="dropdown-link" data-target="dropdown5" href="http://www.derecho.uba.ar/internacionales/index.php">Internacionales</a></li>
            <li><a class="dropdown-link" data-target="dropdown6" href="http://www.derecho.uba.ar/publicaciones/index.php">Publicaciones</a></li>
            <li><a class="dropdown-link" data-target="dropdown7" href="http://www.derecho.uba.ar/biblioteca/index.php">Biblioteca</a></li>
            <li><a class="dropdown-link" data-target="dropdown8" href="http://www.derecho.uba.ar/academica/posgrados/index.php">Posgrado</a></li>
        </ul>
        <div class="visible-xs">
            <form class="navbar-form" role="search">
                <div class="input-group input-group-sm">
                    <input type="text" class="form-control" placeholder="Buscar" name="srch-term" id="srch-term">
                    <div class="input-group-btn">
                        <button class="btn btn-default" type="submit">
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</nav>
<div class="dropdown-target" id="dropdown1">
    <i class="arrow"></i>
    <div class="col-1">
        <ul class="menu">
            <li><a href="http://www.derecho.uba.ar/institucional/acercade.php">La Facultad</a></li>
            <li><a href="http://www.derecho.uba.ar/institucional/deptos_acad.php">Departamentos Acad&eacute;micos</a></li>
            <li><a href="http://www.derecho.uba.ar/institucional/rinstitucionales/asuntos_institucionales.php">Asuntos Institucionales</a></li>
            <li class="last"><a href="http://www.derecho.uba.ar/institucional/programasinstitucionales/">Programas Institucionales</a></li>
        </ul>
    </div>
    <div class="col-2">
        <ul class="menu">
            <li><a href="http://www.derecho.uba.ar/institucional/programasinternacionales/index.php">Programas Internacionales</a></li>
            <li><a href="http://www.derecho.uba.ar/institucional/hacienda/index.php">Hacienda y Administraci&oacute;n General</a></li>
            <li><a href="http://www.derecho.uba.ar/institucional/observatorios-y-centros-de-estudios.php">Observatorios y Centros de Estudio</a></li>
            <li class="last"><a href="http://www.derecho.uba.ar/institucional/vinculacionciudadana/index.php">Vinculaci&oacute;n Ciudadana</a></li>
        </ul>
    </div>
    <div class="col-3">
        <a href="http://www.derecho.uba.ar/institucional/recorrido_virtual.php">
            <img src="imagenes/bn-galeria.jpg" style="border:solid 1px #262626" />
        </a>
    </div>
    <div class="col-4 visible-lg">
        	<a href="http://www.uba.ar/derechoshumanos/"><img src="http://www.derecho.uba.ar/institucional/imagenes/bannerDDHH-02.jpg" alt="Programa de Derechos Humanos" /></a>
            <a href="#" class="btn rojo btn-block">Reseva de salones</a>
        </div>
    <div class="cleaner"></div>
</div>

<div class="dropdown-target" id="dropdown2">
    <i class="arrow"></i>
    <div class="col">
        <ul class="menu">
            <li><a href="#">Phasellus</a></li>
            <li><a href="#">Cursus convallis</a></li>
            <li><a href="#">Phasellus</a></li>
            <li class="last"><a href="#">Vitae felis</a></li>
        </ul>
    </div>
    <div class="col">
        <ul class="menu">
            <li><a href="#">Viverra</a></li>
            <li><a href="#">Mauris porttitor</a></li>
            <li><a href="#">Fermentum</a></li>
            <li class="last"><a href="#">Integer</a></li>
        </ul>
    </div>
    <div class="col">
        <ul class="menu">
            <li><a href="#">Etiam ultrices</a></li>
            <li><a href="#">Tempus</a></li>
            <li><a href="#">Nullam</a></li>
            <li class="last"><a href="#">Aculis odio</a></li>
        </ul>
    </div>
    <div class="col">
        <ul class="menu">
            <li><a href="#">Vulputate</a></li>
            <li><a href="#">L	orem ipsum</a></li>
            <li><a href="#">Sed tincidunt</a></li>
            <li class="last"><a href="#">Rhoncus</a></li>
        </ul>
    </div>
</div>

<div class="dropdown-target" id="dropdown3">
    <i class="arrow"></i>
    <p>Ejemplo 3</p>
</div>

<div class="dropdown-target" id="dropdown4">
    <i class="arrow"></i>
    <p>Ejemplo 4</p>
</div>

<div class="dropdown-target" id="dropdown5">
    <i class="arrow"></i>
    <p>Ejemplo 5</p>
</div>

<div class="dropdown-target" id="dropdown6">
    <i class="arrow"></i>
    <p>Ejemplo 6</p>
</div>

<div class="dropdown-target" id="dropdown7">
    <i class="arrow"></i>
    <p>Ejemplo 7</p>
</div>

<div class="dropdown-target" id="dropdown8">
    <i class="arrow"></i>
    <div class="col-1">
        <i class="arrow"></i>
        <ul class="menu">
            <li><a href="#">Doctorado y Posdoctorado</a></li>
            <li><a href="#">Maestr&iacute;as</a></li>
            <li><a href="#">Carreras de Especializaci&oacute;n</a></li>
            <li class="last"><a href="#">Programas de Actualizaci&oacute;n</a></li>
        </ul>
    </div>
    <div class="col-2">
        <ul class="menu">
            <li><a href="#">Cursos Independientes</a></li>
            <li><a href="#">Cursos Intensivos</a></li>
            <li><a href="#">Acerca de</a></li>
            <li class="last"><a href="#">Preguntas frecuentes</a></li>
        </ul>
    </div>
    <div class="col-3">
        <ul class="menu">
            <li><a href="#">Normativa</a></li>
            <li><a href="#">Programa Educaci&oacute;n a Distancia</a></li>
            <li><a href="#">Alumnos extranjeros</a></li>
            <li class="last"><a href="#">Doctorado para Latinoamericanos</a></li>
        </ul>
    </div>
    <div class="col-4">
        <a href="#" class="btn celeste">Seguinos en twitter</a>
        <a href="#" class="btn verde">Cursos on line</a>
        <a href="#" class="btn naranja">pagomiscuentas.com</a>
    </div>
    <div class="cleaner"></div>
</div>